<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>新建 - 缺陷维修管理 - 管体缺陷</title><link rel="stylesheet" href="${pageContext.request.contextPath}/static/js/plugin/datetimepicker/jquery.datetimepicker.min.css"></head>
<body>
    <!-- hidden data -->
    <input id="JQ_task_id" value="${param.repairTaskId}" type="hidden">
    <!-- create or edit step 1 -->
    <div id="JQ_form_div" class="main-inner">
        <div class="content-inner">
            <div class="meta-head">
                <h3><i class="zy-tools-icon"></i>缺陷维修管理 <i class="zy-url-arrow"></i> <span id="JQ_action_step">新建</span></h3>
            </div>
            <div class="zy-form-line">
                <div class="zy-input-group w-30">
                    <div class="zy-input-meta"><i class="zy-requird-icon"></i>缺陷点列表导入</div>
                    <div class="zy-input-inner">
                        <input id="JQ_export_file" type="text" class="zy-i-input" readonly="readonly" autocomplete="off">
                    </div>
                </div>
                <div class="zy-sp"></div>
                <div class="zy-input-group w-15">
                    <div class="zy-input-meta">&nbsp;</div>
                    <div class="zy-button-inner zy-hidden-file-div">
                        <iframe name="create_iframe" class="hidden"></iframe>
                        <form id="JQ_form_create" method="post" target="create_iframe" action="${pageContext.request.contextPath}/pbf/RepairTask/createOrUpdate1.json?AjaxMode=true&requestModel=iframe&jsonp=getResult" enctype="multipart/form-data">
                            <input id="JQ_input_file" type="file" class="zy-hidden-input-file" name="defectInfoExcelFile" accept=".xls,.xlsx" autocomplete="off">
                            <button class="zy-button zy-search zy-input-file-btn"><i class="zy-search-icon"></i>浏览</button>
                            <div id="JQ_hidden_div" class="hidden"></div>
                        </form>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="zy-form-line">
                <div class="zy-input-group w-30">
                    <div class="zy-input-meta"><i class="zy-requird-icon"></i>项目名称</div>
                    <div class="zy-input-inner">
                        <input id="JQ_project_name" type="text" class="zy-i-input" autocomplete="off">
                    </div>
                </div>
                <div class="zy-sp"></div>
                <div class="zy-input-group w-30">
                    <div class="zy-input-meta"><i class="zy-requird-icon"></i>施工单位</div>
                    <div class="zy-input-inner">
                        <input id="JQ_company" type="text" class="zy-i-input" autocomplete="off">
                    </div>
                </div>
                <div class="zy-sp"></div>
                <div class="zy-input-group w-15">
                    <div class="zy-input-meta">开工时间</div>
                    <div class="zy-input-inner">
                        <input id="JQ_begin_date" type="text" class="zy-i-input zy-i-input-date" autocomplete="off">
                    </div>
                </div>
                <div class="zy-sp"></div>
                <div class="zy-input-group w-15">
                    <div class="zy-input-meta">峻工时间</div>
                    <div class="zy-input-inner">
                        <input id="JQ_end_date" type="text" class="zy-i-input zy-i-input-date" autocomplete="off">
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="zy-form-line">
                <div class="zy-input-group w-30">
                    <div class="zy-input-meta"><i class="zy-requird-icon"></i>管道名称</div>
                    <div class="zy-select-inner">
                        <blockquote id="JQ_pipeline" class="bk-select"><abbr></abbr></blockquote>
                    </div>
                </div>
                <div class="zy-sp"></div>
                <div class="zy-input-group w-30">
                    <div class="zy-input-meta">管段名称</div>
                    <div class="zy-select-inner">
                        <blockquote id="JQ_segment" class="bk-select"></blockquote>
                    </div>
                </div>
                <div class="zy-sp"></div>
                <div class="zy-input-group w-15">
                    <div class="zy-input-meta">起点位置</div>
                    <div class="zy-select-inner">
                        <blockquote id="JQ_begin" class="bk-select"></blockquote>
                    </div>
                </div>
                <div class="zy-sp"></div>
                <div class="zy-input-group w-15">
                    <div class="zy-input-meta">终点位置</div>
                    <div class="zy-select-inner">
                        <blockquote id="JQ_end" class="bk-select"></blockquote>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="zy-form-line t-r">
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <button id="JQ_go_next" class="zy-button zy-submit" type="button" data-action="create">下一步</button>&nbsp;&nbsp;&nbsp;&nbsp;
                <button id="JQ_go_list" class="zy-button zy-goback" type="button"><i class="zy-goback-icon"></i>返回</button>
            </div>
        </div>
    </div>
    <!-- create or edit step 2 -->
    <div id="JQ_list_div" class="main-inner hidden">
        <div class="content-inner">
            <div class="meta-head">
                <h3><i class="zy-tools-icon"></i>缺陷维修管理 <i class="zy-url-arrow"></i> <span id="JQ_action_step2">新建</span> <i class="zy-url-arrow"></i> 下一步</h3>
            </div>
            <div class="zy-form-line">
                <p>
                    <span>已导入作业点列表</span>&nbsp;&nbsp;&nbsp;&nbsp;
                    <button id="JQ_delete" class="zy-button-s zy-delete-s" type="button"><i class="zy-delete-icon"></i>删除</button>
                </p>
            </div>
            <div class="zy-table">
                <table cellspacing="0" cellpadding="0" class="zy-datatable" id="JQ_selected_list">
                    <thead>
                    <tr>
                        <th width="5%"><i data-chk="false" class="zy-checkbox-all"></i></th>
                        <th width="15%" title="管道名称">管道名称</th>
                        <th width="10%" title="缺陷类型">缺陷类型</th>
                        <th width="10%" title="绝对距离(m)">绝对距离(m)</th>
                        <th width="10%" title="长/宽/深(mm)">长/宽/深(mm)</th>
                        <th width="10%" title="时钟位置">时钟位置</th>
                        <th width="5%" title="ERF">ERF</th>
                        <th width="10%" title="维修建议">维修建议</th>
                        <th width="10%" title="最迟维修时间">最迟维修时间</th>
                        <th width="10%" title="建议维修方法">建议维修方法</th>
                        <th width="5%" title="详情">详情</th>
                    </tr>
                    </thead>
                    <tbody id="JQ_selected_tbody"></tbody>
                </table>
            </div>
            <div class="zy-form-line">
                <div class="meta-info">
                    <!-- work load -->
                    <form id="JQ_work_form">
                        <div id="JQ_work_load" class="meta-line"></div>
                    </form>
                </div>
            </div>
            <div class="zy-form-line">
                <button id="JQ_add_more" class="zy-button zy-add-more" type="button">添加更多缺陷<i class="zy-arrow-angle-icon"></i></button>
            </div>
            <div id="JQ_more_list" class="hidden">
                <div class="zy-form-line">
                    <div class="zy-form-line">
                        <div class="zy-input-group w-30">
                            <div class="zy-input-meta">管道名称</div>
                            <div class="zy-select-inner">
                                <blockquote id="JQ_pipe_gather" class="bk-select"></blockquote>
                            </div>
                        </div>
                        <div class="zy-sp"></div>
                        <div class="zy-input-group w-15">
                            <div class="zy-input-meta">起点位置</div>
                            <div class="zy-select-inner">
                                <blockquote id="JQ_begin_gather" class="bk-select"></blockquote>
                            </div>
                        </div>
                        <div class="zy-sp"></div>
                        <div class="zy-input-group w-15">
                            <div class="zy-input-meta">终点位置</div>
                            <div class="zy-select-inner">
                                <blockquote id="JQ_end_gather" class="bk-select"></blockquote>
                            </div>
                        </div>
                        <div class="zy-sp"></div>
                        <div class="zy-input-group w-30">
                            <div class="zy-input-meta">缺陷类型</div>
                            <div class="zy-select-inner">
                                <blockquote id="JQ_defect_type" class="bk-select"><abbr></abbr></blockquote>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="zy-form-line">
                    <div class="zy-input-group w-13">
                        <div class="zy-input-meta">建议最迟维修时间</div>
                        <div class="zy-input-inner">
                            <input id="JQ_repair_date_begin" type="text" class="zy-i-input zy-i-input-date" autocomplete="off">
                        </div>
                    </div>
                    <div class="zy-sp zy-sp-bg"></div>
                    <div class="zy-input-group w-13">
                        <div class="zy-input-meta">&nbsp;</div>
                        <div class="zy-input-inner">
                            <input id="JQ_repair_date_end" type="text" class="zy-i-input zy-i-input-date" autocomplete="off">
                        </div>
                    </div>
                    <div class="zy-sp"></div>
                    <div class="zy-input-group w-15">
                        <div class="zy-input-meta">&nbsp;</div>
                        <div class="zy-checkbox-group">
                            <label>
                                <i id="JQ_erf" class="zy-checkbox" style="margin-bottom: -2px;"></i> ERF≥1.0
                            </label>
                        </div>
                    </div>
                    <div class="zy-sp"></div>
                    <div class="zy-input-group w-15">
                        <div class="zy-input-meta">&nbsp;</div>
                        <div class="zy-button-inner">
                            <button id="JQ_search" class="zy-button zy-search" type="button"><i class="zy-search-icon"></i>查询</button>
                        </div>
                    </div>
                    <div class="zy-input-group r">
                        <div class="zy-input-meta">&nbsp;</div>
                        <div class="zy-button-inner">
                            <button id="JQ_add" class="zy-button zy-search" type="button">+&nbsp;&nbsp;添加</button>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <!-- 缺陷列表 - 02 -->
                <div class="zy-table">
                    <table cellspacing="0" cellpadding="0" class="zy-datatable" id="JQ_gather_list">
                        <thead>
                        <tr>
                            <th width="5%"><i class="zy-checkbox-all" data-chk="false"></i></th>
                            <th width="15%" title="管道名称">管道名称</th>
                            <th width="10%" title="缺陷类型">缺陷类型</th>
                            <th width="10%" title="绝对距离(m)">绝对距离(m)</th>
                            <th width="10%" title="长/宽/深(mm)">长/宽/深(mm)</th>
                            <th width="10%" title="时钟位置">时钟位置</th>
                            <th width="5%" title="ERF">ERF</th>
                            <th width="10%" title="维修建议">维修建议</th>
                            <th width="10%" title="最迟维修时间">最迟维修时间</th>
                            <th width="10%" title="建议维修方法">建议维修方法</th>
                            <th width="5%" title="详情">详情</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="zy-wind-line t-r">
                <br>
                <br>
                <button id="JQ_save_task" class="zy-button zy-submit" type="button"><i class="zy-submit-icon"></i>保存</button>&nbsp;&nbsp;&nbsp;&nbsp;
                <button id="JQ_release_task" class="zy-button zy-release" type="button"><i class="zy-release-icon"></i>发布</button>&nbsp;&nbsp;&nbsp;&nbsp;
                <button id="JQ_goback_task" class="zy-button zy-goback" type="button"><i class="zy-goback-icon"></i>返回上一步</button>
            </div>
            <div id="JQ_temp_defectInfoList" class="hidden"></div>
            <div id="JQ_temp_workload" class="hidden"></div>
        </div>
    </div>
    <!-- plugin -->
    <script src="${pageContext.request.contextPath}/static/js/plugin/datetimepicker/jquery.datetimepicker.full.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/js/plugin/datatables/js/jquery.dataTables.min.js"></script>
    <!-- ui -->
    <script src="${pageContext.request.contextPath}/static/js/ui/ui-main.js"></script>
    <!-- base -->
    <script src="${pageContext.request.contextPath}/static/js/controller/base/base.controller.js"></script>
    <!-- api -->
    <script src="${pageContext.request.contextPath}/static/js/controller/api/defect.api.js"></script>
    <!-- controller -->
    <script src="${pageContext.request.contextPath}/static/js/controller/defect/repair/repairCreate.controller.js"></script>
</body>
</html>
